<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	
	<link rel="stylesheet" type="text/css" href="css/Jiao.css" />
	<link rel="stylesheet" href="css/index.css" type="text/css" media="all"/>
	<link rel="stylesheet" type="text/css" href="./css/Tou.css"/>
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="./js/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<body>
		<iframe src="Tou.html" width="100%" height="60px" frameborder="0" scrolling="no"></iframe>
		<div class="a">
			<div class="div">
						
						<div class="l">
							
							<ul style="margin:0;padding:0">
								<li></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</div>
						
						<div class="head">
							<div><span>软入棉</span>
								<p>给你舒适的感觉</p>
							</div>
							<div><span>古如风</span>
								<p>古朴、典雅、大气 、简 约</p>
							</div>
							<div><span>易入眠</span>
								<p>尽显浪漫生活气息</p>
							</div>
							<div><span>白如雪</span>
								<p>简约的外观简单别致</p>
							</div>
						</div>
					</div>
					
					<script type="text/javascript">
						$(function() {
							$(".more").hover(function() {
								$(".view").slideDown(500);
							}, function() {
								$(".view").slideUp(500);
							})
							$(".view").hover(function() {
								$(this).stop();
								$(this).show();
							}, function() {
								$(this).slideUp(500);
							})
							var interval = null;
							var val = 0;
							//轮播图
							$(".l ul li").hide();
							$(".head div").eq(0).toggleClass("dig");
							$(".head div p").eq(0).show();
			
							function circulation() {
								
								if (val > 3) {
									val = 0;
								}
								
								$(".head div").removeClass("dig");
								$(".head div").eq(val).toggleClass("dig");
								$(".head div p").hide();
								$(".head div p").eq(val).show();
								$(".l ul li").hide();
								
								$(".l ul li").eq(val).fadeIn(500)
								$(".l ul li").eq(val).show();
								val++;
							}
							interval = setInterval(circulation(), 3000);
							interval = setInterval(circulation, 3000);
							$(".head div").hover(function() {
								val = $(this).index();
								clearInterval(interval);
								$(".l ul li").hide()
								$(".l ul li").eq(val).show()
								$(".head div").removeClass("dig");
								$(".head div").eq(val).toggleClass("dig")
							
								$(".head div p").hide();
								$(".head div p").eq(val).show();
							}, function() {
								val++;
								
								interval = setInterval(circulation, 3000)
							})
							
						})
					</script>
					
			<div class="new-arrivals" >
			  <div class="container">
				<div class="padding-new" id="new">  
				
					<h3> 欢迎来到家具城 </h3>
						
					<div class="new-content">
						
						<div class="new-up">
							
							<div class="col-md-6 new-res">
								<div class="col-md-6 new-i wow fadeInLeft animated" data-wow-delay=".5s">
									<div class="new-image hovereffect">
										<img src="img/c6.jpg" alt="image">
									</div>
								</div>
								<div class="col-md-6 new-t">
									<div class="new-text wow fadeInRight animated" data-wow-delay=".5s">
										<h4>精品家具 </h4>
										<p>欧式的居室有的不只是豪华大气，更多的是惬意和浪漫。通过完美的典线，精益求精的细节处理，
											带给家人不尽的舒服触感，实际上和谐是欧式风格的最高境界
										</p>
									</div>
								</div>
							  <div class="clearfix"> </div>
							</div>
								
							<div class="col-md-6 new-res">
								<div class="col-md-6 new-i wow fadeInLeft animated" data-wow-delay=".5s">
									<div class="new-image hovereffect">
										<img src="img/bed3.jpg" alt="image">
									</div>
								</div>
								<div class="col-md-6 new-t">
									<div class="new-text wow fadeInRight animated" data-wow-delay=".5s">
										<h4>精品家具 </h4>
										<p>房间里均配有最豪华的布艺、家具和设施，
											以浓重而不失活泼的色调、奔放且大气的布局、近似自然优美的线条，豪华舒适、至尊至贵的体验。</p>
									</div>
								</div>
							  <div class="clearfix"> </div>
							</div>
							
						  <div class="clearfix"> </div>
						</div>
						
						<div class="new-down">
							
							<div class="col-md-6 new-res">				
								<div class="col-md-6 new-t">
									<div class="new-text wow fadeInLeft animated" data-wow-delay=".5s">
										<h4 >精品家具 </h4>
										<p>雅致简谱中跳跃着一种无法言喻的灵动，浑身散发出一种知性与端庄的气质，时尚经典的设计将其化为一种淡雅的品位。</p>
									</div>
								</div>
								<div class="col-md-6 new-i wow fadeInRight animated" data-wow-delay=".5s">
									<div class="new-image hovereffect">
										<img src="img/rack1.jpg" alt="image">
									</div>
								</div>
							  <div class="clearfix"> </div>
							</div>
							
							<div class="col-md-6 new-res">	
								<div class="col-md-6 new-t">
									<div class="new-text wow fadeInLeft animated" data-wow-delay=".5s">
										<h4  class="wow fadeInLeft animated" data-wow-delay=".5s">精品家具 </h4>
										<p class="wow fadeInLeft animated" data-wow-delay=".5s">经典绽放时间流逝，唯经典之作得以长传于世，融汇千百年来的纺织精品，
											内化数百年江南文明之神秀灵气，成就了尊贵生活的经典品味！</p>
									</div>
								</div>
								<div class="col-md-6 new-i wow fadeInRight animated" data-wow-delay=".5s">
									<div class="new-image hovereffect">
										<img src="img/sofa2.jpg" alt="image">
									</div>
								</div>
							  <div class="clearfix"> </div>
							</div>
							
						  <div class="clearfix"> </div>
						</div>
						
					</div> 
			
				</div>
			  </div>
			</div>
			
			<div class="welcome">
					<div class="container">
						<h3>详情系列</h3>
						<p class="est">简约的设计理念，细腻、精致的做工，这不仅是产品，更是时尚魅力诱惑的艺术品，相结合带来唯美的生活享受。</p>
						<div class="welcome-grids">
							<div class="col-md-6 welcome-grid">
								<h4>不需要华丽的修饰，你所需要的一切都这里开始!</h4>
								<p>简约不简单，简约中求艺术，化繁为简，合理的简约居室可以使人在快乐的节奏中体验舒适精致的生活，得到别样轻松自由,
									雅致简谱中跳跃着一种无法言喻的灵动，浑身散发出一种知性与端庄的气质，时尚经典的设计将其化为一种淡雅的品位。
									 简约的设计理念，细腻、精致的做工，这不仅是产品，更是时尚魅力诱惑的艺术品，相结合带来唯美的生活享受。 
									简单的一个“开始”包含的意义是非凡的，世界的开始从这里开始。</p>
								<div class="more">
									<a href="xilie.html">了解更多</a>
								</div>
								<br />
								<h4 style="color: #000000">不需要华丽的修饰，你所需要的一切都这里开始!</h4>
								<p>中国家具史是指中国家具的生产与发展历史。中国家具的产生可上溯到新石器时代。现代家具自1902年始，全国各地官方或商人相继办起了许多工艺局、手工业工场。
			                        20世纪80年代，在借鉴各国不同的家具风格和先进生产技术的同时，中国家具不断发掘传统技艺，并结合自己的国情民俗，逐渐形成一代新的家具风格。</p>
								<div class="more">
									<a href="fazhan.html">了解更多</a>
								</div>
								
								
							</div>
							<div class="col-md-6 welcome-grid">
								<div class="welcome-grid-left">
									<div class="welcome-grid-left1">
										<img src="img/c10.jpg" alt=" " class="img-responsive" />
										<div class="textbox">
											<h4>精品家具</h4>
											<p>既奢华却不庸俗，古典中透漏张扬．雅致却不失高贵，笔墨难以形容的富丽堂皇。</p>
										</div>
									</div>
									<div class="welcome-grid-left1">
										<img src="img/c5.jpg" alt=" " class="img-responsive" />
										<div class="textbox ref">
											<h4>精品家具</h4>
											<p>既奢华却不庸俗，古典中透漏张扬．雅致却不失高贵，笔墨难以形容的富丽堂皇。</p>
										</div>
									</div>
								</div>
								<div class="welcome-grid-left">
									<div class="welcome-grid-left1">
										<img src="img/c8.jpg" alt=" " class="img-responsive" />
										<div class="textbox ref">
											<h4>精品家具</h4>
											<p>既奢华却不庸俗，古典中透漏张扬．雅致却不失高贵，笔墨难以形容的富丽堂皇。</p>
										</div>
									</div>
									<div class="welcome-grid-left1">
										<img src="img/c7.jpg" alt=" " class="img-responsive" />
										<div class="textbox">
											<h4>精品家具</h4>
											<p>既奢华却不庸俗，古典中透漏张扬．雅致却不失高贵，笔墨难以形容的富丽堂皇。</p>
										</div>
									</div>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
		</div> 

		<iframe src="Jiao.html" width="100%" height="210px" frameborder="0" scrolling="no" style="margin-bottom: -10px;"></iframe>
	</div>
	</body>
</html>
